<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">



<h:head>
	<title>I tuoi acquisti</title>
	<link href="resources/css/main.css" rel="stylesheet" type="text/css" />
</h:head>
<h:body>
	<header>
		<a><h:link class="logo" outcome="index" /></a>
	</header>
	<div id="container">
	<div id="content1">
			<div id="contentLarge">
	<h:form id="form" onsubmit="#{userBean.visualizzaPrenotazioni()}">
				
				<p:growl id="growl" showDetail="true"/>
				<p:growl id="messages" showDetail="true"/>
				
				<h1>#{userBean.name}, ecco gli acquisti che hai effettuato</h1>
				<p:dataTable id="dataTable" var="acquisti" value="#{userBean.prenotazioni}" widgetVar="acquistiTable"   
		            emptyMessage="Nessun acquisto trovato per i parametri specificati." rowKey="#{acquisti.idPrenotazione}"
		            paginator="true" rows="5" selection="#{userBean.selezione}" selectionMode="single" filteredValue="#{userBean.prenotazioniFiltrate}">
		            
		        <p:ajax event="rowSelect" listener="#{userBean.onRowSelect}"
                    update=":form:display :form:growl" oncomplete="PF('prenotazioneDialog').show()" />
                     
		  		<f:facet name="header">
          			 I tuoi acquisti 
        		</f:facet> 
        		
        		
		        <p:column id="idPrenotazioneColumn" filterBy="idPrenotazione"   
		                headerText="ID acquisto"
		                filterMatchMode="contains">  
		                
		            	#{acquisti.idPrenotazione} 
		        </p:column>
		  		
		  		<p:column id="dataColumn" filterBy="data"  
		                headerText="Data acquisto" filterMatchMode="contains">  
		            
		          		#{acquisti.data}
		        </p:column>
		        
		  		<p:column id="prezzoColumn" filterBy="prezzo"  
		                headerText="Prezzo (cad.)" filterMatchMode="contains">  
		            
		            	#{acquisti.prezzo}
		        </p:column>
		        
		        <p:column id="n_PersoneColumn" filterBy="n_Persone"  
		                headerText="Numero persone" filterMatchMode="contains">  
		            
		          		#{acquisti.n_Persone}
		        </p:column>
        		
		    </p:dataTable> 
		    
		    
        		
		    <p:dialog id="dialog" header="Dettagli acquisto" widgetVar="prenotazioneDialog" resizable="false"  
                showEffect="fade" hideEffect="explode">  
  
	        	<h:panelGrid id="display" columns="2" cellpadding="4">
		            <f:facet name="header">  
		                  <h:outputText value="Prenotazione #{userBean.selezione.idPrenotazione}"/>
		            </f:facet>  
		  
		            <h:outputText value="Data:" />  
		            <h:outputText value="#{userBean.selezione.data}" />
		            
		            <h:outputText value="Numero persone:" />  
		            <h:outputText value="#{userBean.selezione.n_Persone}" />
		            
		            <h:outputText value="Prezzo:" />  
		            <h:outputText value="#{userBean.selezione.prezzo}" />
		            
		            <h:outputText value="ID volo:" />  
		            <h:outputText value="#{userBean.selezione.codiceVolo}" />
		            
		            <h:outputText value="Hotel:" />  
		            <p:dataList value="#{userBean.hotelSelezione}" var="hotel" itemType="disc">  
    						#{hotel.nome}, #{hotel.n_Stelle} stelle, mail: #{hotel.mail}, tel. #{hotel.telefono}
					</p:dataList> 
		            
		            <h:outputText value="Escursioni:" />  
		            <p:dataList value="#{userBean.escursioniSelezione}" var="escursioni" itemType="disc">  
    						#{escursioni.nome}, #{escursioni.durata} ore, tipologia #{escursioni.tipologia}, stagione: #{escursioni.stagione}
					</p:dataList>
					
	        	</h:panelGrid>
	        	
    		</p:dialog>
    		
	</h:form>
	</div>
	</div>
	</div>
</h:body>
</html>